body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
i {
  font-style: normal;
}
a {
  text-decoration: none;
}
::-webkit-scrollbar {
  width: 0;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
ul li {
  list-style: none;
}
.show {
  display: block;
}
.hide {
  display: none;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  background-image: url(../images/bg.png);
  background-size: cover;
  font-family: "Microsoft YaHei";
  color: #98a8c2;
}
body .kp_all {
  width: 100%;
  height: 100%;
  padding-top: 30px;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
body .kp_all .kp_header {
  width: 100%;
  height: 80px;
  padding: 0 25%;
}
body .kp_all .kp_header .header_logo {
  width: 100%;
  height: 100%;
  margin: auto;
}
body .kp_all .kp_header .header_logo div {
  float: left;
}
body .kp_all .kp_header .header_logo .logo_bg_left {
  width: 206px;
  height: 100%;
  background: url(../images/logo_left.png);
  background-size: cover;
}
body .kp_all .kp_header .header_logo .logo {
  width: 50px;
  height: 50px;
  background: url(../images/logo.png);
  background-size: cover;
  margin-left: -106px;
  margin-top: 10px;
}
body .kp_all .kp_header .header_logo .logo_txt {
  width: 246px;
  height: 49px;
  background: url(../images/logo_txt.png);
  background-size: cover;
  margin-left: -46px;
  margin-top: 10px;
  margin-right: 15px;
}
body .kp_all .kp_header .header_logo .logo_title {
  font-size: 40px;
  color: #4bc1fe;
  font-weight: 700;
  margin-right: -200px;
  margin-left: 10px;
}
body .kp_all .kp_header .header_logo .logo_bg_right {
  float: right;
  width: 235px;
  height: 100%;
  margin-right: 25px;
  background: url(../images/logo_right.png);
  background-size: cover;
}
body .kp_all .kp_date {
  position: absolute;
  top: 30px;
  right: 50px;
  color: #408fba;
}
body .kp_all .kp_date .kp_weather {
  float: left;
  margin-right: 10px;
  font-size: 20px;
}
body .kp_all .kp_date .kp_time {
  float: left;
}
body .kp_all .kp_date .kp_time #kp_clock {
  font-size: 20px;
}
body .kp_all .kp_date .kp_time #kp_t #t_h,
body .kp_all .kp_date .kp_time #kp_t #t_m {
  font-size: 40px;
  font-weight: 700;
}
body .kp_all .kp_date .kp_time #kp_t #t_s {
  font-size: 20px;
  font-weight: 700;
}
body .kp_all .kp_date .kp_time #kp_t #t_current {
  font-size: 10px;
}
body .kp_all .swiper-container-father {
  width: 100%;
  flex: 1;
  margin: auto;
}
body .kp_all .swiper-container-father .swiper-wrapper-father {
  width: 100%;
  height: 970px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .swiper-slide-father {
  width: 100%;
  height: 970px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .swiper-slide-father .kp_title {
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  width: 1161px;
  height: 119px;
  background-image: url("../images/bot.png");
  background-repeat: round;
  text-align: center;
  line-height: 119px;
  font-size: 30px;
  color: #fff;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank {
  width: 100%;
  height: 720px;
  padding: 53px 160px 0 160px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con {
  width: 100%;
  height: 720px;
  background-image: url("../rank_img/bg_border.png");
  background-size: cover;
  padding: 0 146px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_left {
  width: 805px;
  height: 400px;
  float: left;
  padding-top: 48px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_left .rank_book_des {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  bottom: -390px;
  width: 422px;
  height: 296px;
  background: url(../rank_img/book_bg.png) no-repeat center center;
  background-size: cover;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_left .zy-Slide p {
  text-align: center;
  border-bottom: 5px solid #03b3b3;
  padding-bottom: 10px;
  margin-top: 30px;
  color: #fff;
  font-size: 32px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right {
  width: 385px;
  float: right;
  padding-top: 70px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li {
  list-style: none;
  width: 100%;
  height: 64px;
  line-height: 64px;
  margin-bottom: 5px;
  padding-left: 20px;
  background-image: url("../rank_img/right_bg.png");
  background-repeat: round;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li img {
  float: left;
  width: 25px;
  margin-top: 22px;
  margin-right: 10px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li div {
  float: left;
  font-size: 30px;
  color: #9fdbf7;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li div span {
  float: left;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li div .rank_number {
  margin-right: 10px;
  font-size: 12px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_rank .rank_con .rank_con_right ul li div .rank_name_txt {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count {
  width: 629px;
  height: 728px;
  margin: 50px auto 0 auto;
  padding-top: 58px;
  padding-left: 9.7px;
  background-image: url("../library_img/circle_bg.png");
  background-repeat: round;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all {
  width: 610px;
  height: 610px;
  border-radius: 50%;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_txt {
  font-size: 36px;
  color: #fff;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .pub_css .pub_title_css {
  font-size: 32px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .pub_css .pub_num_css {
  font-size: 40px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .pub_css .pub_ren_css {
  font-size: 20px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_total_num {
  width: 375px;
  height: 77px;
  background: url("../library_img/left_top.png") no-repeat;
  background-size: cover;
  top: 30px;
  left: -60px;
  color: #01a2a4;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_total_num .total_txt {
  width: 100%;
  text-align: left;
  padding-top: 70px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_week_num {
  width: 375px;
  height: 77px;
  background: url("../library_img/right_top.png") no-repeat;
  background-size: cover;
  top: 70px;
  left: 655px;
  color: #188dc3;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_week_num .week_txt {
  width: 100%;
  text-align: right;
  padding-top: 40px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_day_num {
  width: 490px;
  height: 192px;
  background: url("../library_img/left_bot.png") no-repeat;
  background-size: cover;
  top: 523px;
  left: -115px;
  color: #b5930d;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_day_num .day_txt {
  width: 100%;
  text-align: left;
  padding-top: 80px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_current_num {
  width: 483px;
  height: 178px;
  background: url("../library_img/right_bot.png") no-repeat;
  background-size: cover;
  top: 523px;
  left: 655px;
  color: #4a8e07;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_count .count_all .count_current_num .current_txt {
  width: 100%;
  text-align: right;
  padding-top: 60px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_style {
  width: 1282px;
  height: 762px;
  margin: 50px auto 0 auto;
  padding: 40px 50px;
  background-image: url(../images/bgfc.png);
  background-size: cover;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_style .m {
  width: 1174px;
  height: 660px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line {
  width: 100%;
  height: 768px;
  padding: 70px 200px 0 200px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_left {
  width: 1055px;
  height: 697px;
  float: left;
  background: url("../images/bg_border.png");
  background-size: cover;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_left .line_left_title {
  width: 381px;
  height: 81px;
  margin: 30px auto 0 auto;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_left .line_left_title img {
  width: 100%;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_left .borrow_line {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right {
  width: 370px;
  height: 686px;
  float: right;
  padding-top: 70px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li {
  list-style: none;
  width: 100%;
  height: 160px;
  margin-bottom: 30px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li h3 {
  margin: 0 30% 15px 30%;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: #cff1f9;
  border-bottom: 5px solid #70f5fc;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li .box {
  width: 370px;
  height: 80px;
  background: url(../images/right.png);
  background-size: cover;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li .box div {
  text-align: center;
  line-height: 80px;
  color: #70f5fc;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li .box div .number {
  font-size: 30px;
  margin-right: 10px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_line .line_right ul li .box div .ce {
  font-size: 20px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend {
  width: 1400px;
  height: 760px;
  margin: 38px auto 0 auto;
  padding-top: 30px;
  padding-left: 9.7px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend {
  width: 1020px;
  height: 102%;
  margin: auto;
  overflow: hidden;
  cursor: none;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-slide-recommend {
  background-position: center;
  background-size: cover;
  width: 357px;
  height: 492px;
  padding: 66px 42px 46px 42px;
  position: relative;
  margin-right: 15px;
  margin-left: 15px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-slide-recommend .book_pi {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-slide-recommend .book_name {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 100%;
  padding: 0 15px 0 40px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #94bed3;
  font-size: 28px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (device-width: 1366px) {
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-slide-recommend {
    width: 254px;
    height: 350px;
    padding: 47px 30px 33px 33px;
    margin: 0 12px;
  }
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-pagination {
  bottom: 0;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .book_des {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .book_des div {
  width: 938px;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .book_des div p {
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 30px;
  color: #b3e3fb;
  margin-bottom: 20px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .book_des div .guang_pic {
  width: 100%;
  height: 18px;
  background: url(../recommend_img/guang.png) no-repeat left bottom;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .read_num {
  text-align: center;
  position: absolute;
  bottom: -8px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #b3e3fb;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .read_num .con_num {
  font-size: 48px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .swiper-container-recommend .read_num .con_ren {
  font-size: 24px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .arrow_left {
  position: absolute;
  top: 240px;
  left: 55px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_recommend .arrow_right {
  position: absolute;
  top: 240px;
  right: 55px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice {
  width: 1088px;
  height: 650px;
  margin: 38px auto 0 auto;
  padding-top: 50px;
  padding-left: 9.7px;
  background-image: url(../notice_img/bg_border.png);
  background-position: center;
  background-size: cover;
  position: relative;
  color: #b3e3fb;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_title {
  width: 397px;
  height: 63px;
  text-align: center;
  line-height: 63px;
  font-size: 34px;
  background-image: url(../notice_img/title_bg.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 62px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
@media screen and (device-width: 1366px) {
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_title {
    font-size: 26px;
  }
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_con {
  width: 100%;
  height: 400px;
  margin-top: 110px ;
  overflow: hidden;
  position: relative;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_con ul {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 78px 0 85px;
  list-style: none;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_con ul li {
  font-size: 28px;
  text-indent: 50px;
}
@media screen and (device-width: 1366px) {
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_notice .notice_con ul li {
    font-size: 20px;
    text-indent: 26px;
  }
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous {
  width: 1317px;
  height: 733px;
  margin: 60px auto 0 auto;
  padding-top: 56px;
  padding-bottom: 30px;
  background-image: url(../history_img/famous_bg.png);
  background-repeat: round;
  position: relative;
  color: #b3e3fb;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con {
  width: 1212px;
  margin: auto;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul {
  width: 100%;
  font-size: 28px;
  list-style: none;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li {
  overflow: hidden;
  margin-bottom: 10px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li img {
  width: 28px;
  float: left;
  margin-top: 8px;
  margin-left: 10px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li .famous_txt {
  width: 1154px;
  height: 184px;
  float: right;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li .famous_txt .famous_txt_author {
  margin-top: 20px;
  margin-left: 810px;
  text-align: right;
  width: 340px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li .famous_txt .famous_txt_author .author_line {
  float: left;
  border-bottom: 3px solid #b3e3fb;
  margin-top: 18px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_famous .famous_con ul li .famous_txt .famous_txt_author .author_name {
  float: right;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history {
  width: 1382px;
  height: 762px;
  margin: 40px auto 0 auto;
  padding-top: 60px;
  background-image: url(../history_img/history_bg.png);
  background-position: center;
  background-size: cover;
  position: relative;
  color: #6cf9ff;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_title {
  width: 600px;
  height: 58px;
  text-align: center;
  line-height: 52px;
  font-size: 34px;
  background-image: url(../history_img/history_title_bg.png);
  background-repeat: round;
  position: absolute;
  left: 50%;
  top: -10px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_date {
  width: 100%;
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con {
  width: 100%;
  height: 580px;
  overflow: hidden;
  position: relative;
  color: #6cf9ff;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 28px;
  list-style: none;
  padding: 0 60px 20px 60px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li {
  text-indent: 50px;
  margin-bottom: 20px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img {
  float: left;
  margin-right: 56px;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img img {
  width: 516px;
  height: 280px;
  display: block;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img .history_img_des {
  text-align: center;
  padding: 12px 0;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img .history_img_des .triangle-up {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #6cf9ff;
  display: inline-block;
}
body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img .history_img_des .history_img_des_txt {
  font-size: 24px;
  color: #6cf9ff;
}
@media screen and (device-width: 1366px) {
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul {
    font-size: 18px;
  }
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li {
    text-indent: 28px;
  }
  body .kp_all .swiper-container-father .swiper-wrapper-father .kp_history .history_con ul li .history_img_des_txt {
    font-size: 16px;
  }
}
body .kp_all .swiper-container-father .swiper-pagination-father span {
  width: 10px;
  height: 10px;
}
